const routes = [
  {
    path: '',
    redirect: '/test-canvas',
    children: [
      {
        path: 'testKonva',
        name: 'testKonva',
        component: () => import('@/views/konvaTest/index.vue'),
      },
      {
        path: 'canvasSketch',
        name: 'canvasSketch',
        component: () => import('@/views/canvasSketch/index.vue'),
      },
      {
        path: 'testLine',
        name: 'testLine',
        component: () => import('@/views/testLine/index.vue'),
      },
      {
        path: 'testEcharts',
        name: 'testEcharts',
        component: () => import('@/views/testEcharts/index.vue'),
      },
      {
        path: 'testPdfUpload',
        name: 'testPdfUpload',
        component: () => import('@/views/testPdfUpload/index.vue'),
      },
      {
        path: 'testImg',
        name: 'testImg',
        component: () => import('@/views/testImg/index.vue'),
      },
      {
        path: 'sketchFun',
        name: 'sketchFun',
        component: () => import('@/views/sketch-fun/index.vue'),
      },
      {
        path: 'mark-text',
        name: 'mark-text',
        component: () => import('@/views/mark-text/index.vue'),
      },
      {
        path: 'test-tanstack-virtual',
        name: 'test-tanstack-virtual',
        component: () => import('@/views/test-tanstack-virtual/index.vue'),
      },
      {
        path: 'test-jszip',
        name: 'test-jszip',
        component: () => import('@/views/test-jszip/index.vue'),
      },
      {
        path: 'test-picker',
        name: 'test-picker',
        component: () => import('@/views/test-picker/index.vue'),
      },
      {
        path: 'test-tensorflow',
        name: 'test-tensorflow',
        component: () => import('@/views/test-tensorflow/index.vue'),
      },
      {
        path: 'test-vueuse',
        name: 'test-vueuse',
        component: () => import('@/views/test-vueuse/index.vue'),
      },
      {
        path: 'test-canvas',
        name: 'test-canvas',
        component: () => import('@/views/test-canvas/index.vue'),
      },
      {
        path: 'test-tailwind-css',
        name: 'test-tailwind-css',
        component: () => import('@/views/test-tailwind-css/index.vue'),
      },
      {
        path: 'white-board',
        name: 'white-board',
        component: () => import('@/views/white-board/index.vue'),
      },
    ],
  },
  
];

export default routes;
